<template>
    <div class="header">
        <div class="header_left" @click="handleCityClick">
            <div class="iconfont back-icon">&#xeb9d;</div>
        </div>
        <div class="header_center">
            城市选择
        </div>
    </div>
</template>

<script>
export default {
  name: 'CityHeader',
  methods: {
    handleCityClick () {
      // this.$emit('close')
      this.$listeners.close()
    }
  }
}
</script>

<style lang="stylus" scoped>
  .header
    height: .88rem
    line-height: .88rem
    font-weight: bold
    color: #fff
    padding: 0 .2rem
    text-align: center
    font-size: .34rem
    background-image: linear-gradient(90deg, #0af, #0085ff)
    position: relative
    .header_left, .header_right
      width: .40rem
      position: absolute
      top: 0
    .header_left
      left: .1rem
      .back-icon
        text-align: center
        font-size: .4rem
</style>
